<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html >
<html>
	<head>
		<title>订单查询</title>
		<t:base type="jquery,easyui,tools,DatePicker,autocomplete,bootsprap,layer"></t:base>
		<link href="webpage/dop/css/orderquery.css" type="text/css" rel="stylesheet">
		<style type="text/css">
				/*table样式*/
				td{ 
					height:30px; 
				} 
				.table{ 
					border:1px solid #cad9ea; 
					color:#666; 
				} 
				.table th { 
					background-repeat:repeat-x; 
					height:30px; 
				} 
				.table td,.table th{ 
					text-align:center;
					border:1px solid #cad9ea; 
					padding:0 1em 0; 
				} 
				.table tr.alter{ 
					background-color:#f5fafe; 
				} 
		</style>
	</head>
<body>
		<table id="dop_datagrid_orderList" toolbar="#orderQuery_toolbar"></table>
		<div style="margin: 5px; border: 0;" id="orderQuery_toolbar">
			<table class="table table-striped table-hover table-condensed dop-table-orderquery" id="dop_table_orderquery_query">
				<tr>
					<th>订单号：</th>
					<td><div><input code="code"></div></td>
					<th>员工姓名：</th>
					<td><div><input code="deliveryManName"></div></td>
					<th>状态：</th>
					<td><div><select code="status"></select></div></td>
					
				</tr>
				<tr>
				    <th>客户姓名：</th>
					<td><div><input code="custName"></div></td>
					<th>下单日期：</th>
					<td><div><input code="createDate" class="Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" ></div></td>
					<th>要求送达日期：</th>
					<td><div><input code="askSendTime" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"></div></td>
				</tr>
				<tr> 
					<th>支付方式：</th>
					<td colspan="5" style="text-align: left;"><div><select style="width: 150px;" code="payMethod"></select></div></td>
				</tr>
			</table>
				<div class="btn btn-default dop-btn" id="dop_btn_orderquery_query">
					<i class="icon-search"></i>搜索
				</div>
			</div>
		<!-- 订单信息弹出层 -->
		<div id="layerDialog" class="easyui-tabs" style="width:1000px;height:450px;display: none;">
			<input type="hidden" id="orderId" />
			<div title="订单详情" style="padding:10px">
				<table id="orderDetail" class="table table-hover" >
					<tr>
						<td style="text-align: right;vertical-align: middle;" >
							订单号：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="code" />
						</td>
						<td   style="text-align: right;vertical-align: middle;">
							订单来源：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="orderSource" />
						</td>
						<td  style="text-align: right;vertical-align: middle;">
							下单时间：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="createDate" />
						</td>
					</tr>
					<tr>
						<td  style="text-align: right;vertical-align: middle;">
							订单人：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="custName" style="text-align: left;" />
						</td>
						<td  style="text-align: right;vertical-align: middle;">
							订单人电话：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="telephone" style="text-align: left;" />
						</td>
						<td  style="text-align: right;vertical-align: middle;">
							要求送达时间：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="askSendTime"  />
						</td>
					</tr>
					<tr>
						<td style="text-align: right;vertical-align: middle;">订单人地址：</td>
						<td colspan="5" style="vertical-align: middle;">
							<label type="text" style="width: 70%;text-align: left;" id="custAddress"/>
						</td>
					</tr>
					<tr>
						<td  style="text-align: right;vertical-align: middle;">
							订单金额：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id='totalPrice' style="text-align: right;"  />
						</td>
						<!-- 
						<td style="text-align: right;vertical-align: middle;">
							订单总金额：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="orderTotalPrice"   style="text-align: right;"/>
						</td>
						 -->
						<td style="text-align: right;vertical-align: middle;">
							运费：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="deliveryPrice"  style="text-align: right;"/>
						</td>
					</tr>
					<tr>
						<td style="text-align: right;vertical-align: middle;">
							备注：
						</td>
						<td colspan="5" id="note" style="text-align: left;vertical-align: middle;">
							
						</td>
					</tr>
					<!-- 
					<tr>
						<td style="text-align: right;vertical-align: middle;">
							优惠费用：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="preferentialPrice" style="text-align: right;" />
						</td>
					</tr>
					 -->
				</table>
				<table class="table table-hover" id="foodDetail"  border="1" style="margin: auto;width: 50%;">
					<tr>
						<th>订单信息</th>
						<th>份数</th>
						<th>价格</th>
					</tr>
				</table>
				<br/>
				<div style="text-align: center;">
					<div class="btn btn-default dop-btn" id="proOrder">
						<i class="icon-arrow-left"></i>上一条
					</div>
					<div class="btn btn-default dop-btn" id="nextOrder">
						<i class="icon-arrow-right"></i>下一条
					</div>
				</div>
			</div>
			<div title="状态跟踪" style="padding:10px">
				<div id="codeDiv" style="text-align:center;font-size: 15px;"></div>
				<table  class="table table-hover" id="orderRecord" style="width: 70%;text-align: center;margin: auto;vertical-align: middle;" border="1" >
					<tr>
						<th style="text-align: center;vertical-align: middle;">时间</th>
						<th style="text-align: center;vertical-align: middle;">信息</th>
					</tr>
					<tr>
						<td colspan="3">
							<img alt="加载信息" src="<%=basePath %>/eap/sys/plug-in/layer/skin/default/xubox_loading2.gif">
							正在努力加载记录...
						</td>
					</tr>
				</table>
			</div>
			<!-- 
			<div title="地图跟踪" " style="padding:10px">
				<h1>该功能完善中.......</h1>
			</div>
			 -->
		</div>
	<script type="text/javascript" src="webpage/dop/js/orderquery.js"></script>
	<script type="text/javascript" src="webpage/dop/js/orderenum.js"></script>
</body>
</html>